<template>
<div id="app">
    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->
    <router-view></router-view>


    <!-- 使用 router-link 组件来导航. -->
    <!-- 通过传入 `to` 属性指定链接. -->
    <!-- <router-link> 默认会被渲染成一个 `<a>` 标签 -->

<!--   <div style="position: fixed; bottom: 10%;width: 100%;" class="circle">
      <span style="text-align:right;display:inline-block;width:49%;">
           <router-link to="/bar" style="background:white;color:white;border-radius: 50%;">11</router-link>
      </span>
      <span style="text-align:left;display:inline-block;width:49%;">
           <router-link to="/foo"  style="background:white;color:white;border-radius: 50%;">11</router-link>
      </span> -->


 <!--  <router-link to="/rule"  style="background:white;border-radius: 50%;">规则</router-link>
  <router-link to="/rock"  style="background:white;border-radius: 50%;">旋转</router-link>
  <router-link to="/lockset"  style="background:white;border-radius: 50%;">锁定分子</router-link> -->
<!--  
  </div>  -->
    

</div> 
</template>
<style>
  #app{
    height: 100%;
  }
</style>
